<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="p" tagdir="/WEB-INF/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="/common/taglibs.jsp" %>

<body>
	<div class="easyui-panel" style="width: 100%; height: 100%; padding: 0px;">
		<div id="stb" style="padding: 10px;">
			<div style="float: right">
				<a href="#" class="easyui-linkbutton" iconCls="icon-ok" plain="true"
					onclick="selectMenuIcon(menuIconSelectfun)">选择</a>
			</div>
			<div style="height: 30px;">
				<span style="padding-top: 10px;">已选择：</span><img id="menuIconImg" src=""/>
				<input type="hidden" id="menuIconValue"/>
			</div>
		</div>
		<div>
			<a onclick="selectIcon('right')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/right.png"/></a>
			<a onclick="selectIcon('system')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/system.png"/></a>
			<a onclick="selectIcon('sysM')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/sysM.png"/></a>
			<a onclick="selectIcon('usr')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/usr.png"/></a>
			<a onclick="selectIcon('group')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/group.png"/></a>
			<a onclick="selectIcon('menu')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/menu.png"/></a>
			<a onclick="selectIcon('dtr')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/dtr.png"/></a>
			<a onclick="selectIcon('common')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/common.png"/></a>
			<a onclick="selectIcon('red')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/red.png"/></a>
			<a onclick="selectIcon('blue')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/blue.png"/></a>
			<a onclick="selectIcon('green')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/green.png"/></a>
			<a onclick="selectIcon('orange')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/orange.png"/></a>
			<a onclick="selectIcon('first')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/first.png"/></a>
			<a onclick="selectIcon('portal')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/portal.png"/></a>
			<a onclick="selectIcon('default')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/default.png"/></a>
			<a onclick="selectIcon('theme')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/theme.png"/></a>
			<a onclick="selectIcon('download')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/download.png"/></a>
			<a onclick="selectIcon('email')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/email.png"/></a>
			<a onclick="selectIcon('favorite')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/favorite.png"/></a>
			<a onclick="selectIcon('file')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/file.png"/></a>
			<a onclick="selectIcon('folder')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/folder.png"/></a>
			<a onclick="selectIcon('paste')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/paste.png"/></a>
			<a onclick="selectIcon('settings')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/settings.png"/></a>
			<a onclick="selectIcon('speech')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/speech.png"/></a>
			<a onclick="selectIcon('world')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/world.png"/></a>
			<a onclick="selectIcon('xiaot')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/xiaot.png"/></a>
			<a onclick="selectIcon('xiaou')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/xiaou.png"/></a>
			<a onclick="selectIcon('xiaop')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/xiaop.png"/></a>
			<a onclick="selectIcon('binClosed')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/binClosed.png"/></a>
			<a onclick="selectIcon('bookAddresses')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/bookAddresses.png"/></a>
			<a onclick="selectIcon('bookEdit')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/bookEdit.png"/></a>
			<a onclick="selectIcon('bookOpen')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/bookOpen.png"/></a>
			<a onclick="selectIcon('brick')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/brick.png"/></a>
			<a onclick="selectIcon('bricks')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/bricks.png"/></a>
			<a onclick="selectIcon('building')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/building.png"/></a>
			<a onclick="selectIcon('calendar')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/calendar.png"/></a>
			<a onclick="selectIcon('calendarEdit')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/calendarEdit.png"/></a>
			<a onclick="selectIcon('cd')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/cd.png"/></a>
			<a onclick="selectIcon('computer')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/computer.png"/></a>
			<a onclick="selectIcon('databaseTable')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/databaseTable.png"/></a>
			<a onclick="selectIcon('date')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/date.png"/></a>
			<a onclick="selectIcon('door')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/door.png"/></a>
			<a onclick="selectIcon('doorIn')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/doorIn.png"/></a>
			<a onclick="selectIcon('doorOpen')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/doorOpen.png"/></a>
			<a onclick="selectIcon('feed')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/feed.png"/></a>
			<a onclick="selectIcon('img')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/img.png"/></a>
			<a onclick="selectIcon('imgs')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/imgs.png"/></a>
			<a onclick="selectIcon('ipod')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/ipod.png"/></a>
			<a onclick="selectIcon('monitor')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/monitor.png"/></a>
			<a onclick="selectIcon('pageWorld')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/pageWorld.png"/></a>
			<a onclick="selectIcon('photos')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/photos.png"/></a>
			<a onclick="selectIcon('picture')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/picture.png"/></a>
			<a onclick="selectIcon('plugin')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/plugin.png"/></a>
			<a onclick="selectIcon('rainbow')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/rainbow.png"/></a>
			<a onclick="selectIcon('report')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/report.png"/></a>
			<a onclick="selectIcon('rosette')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/rosette.png"/></a>
			<a onclick="selectIcon('rss')" style="padding: 10px 0 10px 10px;"><img src="${ctx }/custom/image/rss.png"/></a>
		</div>
	</div>
	<script type="text/javascript">
		function selectMenuIcon(sfun) {
			var value = $("#menuIconValue").val();
			sfun(value);
		}
		function selectIcon(value){
			$("#menuIconValue").val(value);
			$("#menuIconImg").attr("src","${ctx }/custom/image/"+value+".png"); 
		}
	</script>
</body>